<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>增删改查</title>
</head>
<body>
  <!-- 无中生友   -->
</body>
<script>
// <!-- 1增 创建节点 -->
// var newDiv=document.createElement("div");
// newDiv.innerHTML="<h1>新标题</h1>"
// document.body.appendChild(newDiv);

// //在当前位置之前插入节点 insertBefore（）
// var P1 =document.createElement("p");
// p1.innerHTML ="p标签内容"
// document.body.insertBefore(p1,document.body.firstChild);
//2删 删除节点 removeChild（）

var div =document.createElement("div");
div.innerHTML="<h1>新标题</h1>"
document.body.appendChild(div);
document.body.removeAttribute

</script>
</html>